import { createApp } from 'vue'
import './style.css'
import router from '@/router'
import App from './App.vue'
import ElementPlus from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import {createPinia} from 'pinia'
import persistedstate from 'pinia-plugin-persistedstate' //pinia持久化插件

// 国际化 中文语言包
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/dist/index.css'
const app = createApp(App);
app.use(ElementPlus, {
    locale: zhCn,
  });
// 引入图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
  app.use(router);

  // 引入pinia
  const pinia = createPinia();
  pinia.use(persistedstate) //使用持久化插件
  app.use(pinia);

  //全局变量挂载
  // 获取用户名
  // const userName = localStorage.getItem('userName')==null?'':localStorage.getItem('userName');
   // 使用 globalProperties 将全局变量附加到 Vue 实例上
  // app.config.globalProperties.$userName = userName;
    //app.provide('globalVar', globalVar); // 使用 provide 将全局变量附加到 Vue 实例上 作为响应式变量  //便于在js部分可直接用
app.mount('#app')

